/* @import './base.css'; */

/* #app {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem;
  font-weight: normal;
}

a,
.green {
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
  padding: 3px;
}

@media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
}

@media (min-width: 1024px) {
  body {
    display: flex;
    place-items: center;
  }

  #app {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 2rem;
  }
} */



* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
}
body{
  background-color: #f5f5f5;
}

/* //状态 */
.status_orange{
    background-color: rgba(235, 202, 119, .15);
    border:1px rgba(235, 202, 119, 1) solid;
    color: #E6BB4C;
}
.status_green{
    background-color: rgba(85, 209, 179, .15);
    border:1px rgba(85, 209, 179, 1) solid;
    color: #35BA9A;
}
.status_red{
    background-color: rgba(238, 83, 83, .15);
    border:1px rgba(238, 83, 83, 1) solid;
    color: rgba(225, 59, 59, 1);
}
.status_blue{
    background-color: rgba(91, 186, 241, .15);
    border:1px rgba(91, 186, 241, 1) solid;
    color: rgba(58, 169, 234, 1);
}
.status_grey{
    background-color: rgba(153, 153, 153, .15);
    border:1px rgba(153, 153, 153, 1) solid;
    color: rgba(126, 120, 120, 1);
}
.status_grey_light{
    background-color: rgba(200, 200, 200, .15);
    border:1px rgba(200, 200, 200, 1) solid;
    color: rgba(169, 169, 169, 1);
}

/* //按钮 */
.btn_grey{
    background-color: #C7C6D3;
    color: #ffffff;
}
.btn_red{
    background-color:#EC535B;
    color: #ffffff;
}
.btn_red_empty{
    background-color: transparent;
    border:1px #EC535B solid;
    color: #EC535B;
}
.btn_green{
    background-color: #35BA9A;
    color: #ffffff;
}
.btn_blue{
    background-color: #5BBAF1;
    color: #ffffff;
}
.btn_grey_empty{
    background-color: #DDDDDD;
    color: #979797;
}